/*****Horizontal striped background beneath layout*******/
body {
background:#ffffff url(images/bg_tile.gif) top left repeat;
}

/*****The framework of the layout********/
#container {
background-color: white;
border-right: 1px solid #9c9c9c;
border-bottom: 1px solid #9c9c9c;
border-left: 1px solid #9c9c9c;
border-top: 2px solid #9c9c9c;
margin: auto;
width: 750px;
}

#employeeImg {
margin-top: 25px;
margin-bottom: 25px;
}

#leftColumn {
float:left;
width: 35%;
padding: 8px;
}

#rightColumn {
float:right;
width: 58%;
padding: 8px;
}

/*****All elements of the CIS Banner + Searchbox*****/
#banner {
background-color: #930808;
width: 750px;
height: 73px;
}

#bannerImage {
background-image: url(images/banner_8a.jpg);
background-repeat: no-repeat;
width: 325px;
float: left;
height: 100%;
}

#searchbox{
float: right;
}
/*On hover, light up home icon to illustrate that clicking the banner takes the user to the CIS Directory Home Page*/
#bannerImage:hover {
background-image: url(images/banner_8b.jpg);
}

/*the help link.  */
#help
{
	font: 10pt arial, verdana, sans-serif;
	color: #930808;
	padding: 1px;
	text-decoration: none;
}

/*the logout link.  */
#logout
{
	font: 10pt arial, verdana, sans-serif;
	color: white;
	padding: 1px;
	/*text-decoration: none;*/
}

/********This is the header of the layout, beneath the banner*********/
/***In the header is the Employee/Role Name and any subtext such as title, netids, or roleid***/
#header {
width: auto;
border-bottom: 1px dotted #9c9c9c;
padding-left: 10px;
}

#header a {
float: right;
color: #930808;
padding: 1px;
}

#header a:hover {
background-color: #930808;
color: #fff;
}

#headerText {
text-transform: uppercase;
font: 16pt georgia, serif;
letter-spacing: 2px;
}

#headerText input {
font: 16pt georgia, serif;
letter-spacing: 2px;
border: 1px solid #ddd;
}

#headerSubText {
color: #aaa;
font: 10pt "century gothic", sans-serif;
}

#headerSubText input {
color: #930808;
font: 10pt georgia, serif;
}

#headerSubText input:focus{
border: 2px solid #999;
}



/*************************Global properties for specific form elements************************/
#container input:focus, textarea:focus {
border: 2px solid #999;
}

.buttons {
background-color: #fbf6ce;
border: 2px outset #d7ae56;
vertical-align: baseline;
margin-right: 2px;
}

/***********************Boxes used in profiles and roles pages****************************/
.contentBox {
border: 1px solid #d7ae56;
background-color: #fbf6ce;
margin-top: 25px;
font: 10pt arial, verdana, sans-serif;
}

/****Red, right-aligned header in content boxes****/
.contentBoxHeader {
text-align: right;
}

.contentBoxHeader span {
background-color: #930808; /*#fffd97;*/
border-left: 1px solid #d7ae56;
border-bottom: 1px solid #d7ae56;
color: white;
font: 14px arial, verdana, sans-serif;
padding-left: 7px;
padding-right: 7px;
text-align: right;
}

/****Body of content boxes**/
.contentBoxMain {
padding: 5px;
}


.contentBoxMain a {
font: 10pt arial, verdana, sans-serif;
color: #930808;
padding: 1px;
text-decoration: none;
}

.contentBoxMain a:hover {
background-color: #930808;
color: white;
}

.contentBoxMain input, textarea {
border: 1px solid #ddd;
}

.contentBoxMain input:focus, textarea:focus{
border: 2px solid #bbb; /*adds thicker border on clicked textboxes and buttons*/
}

.contentBoxMain ul {
padding-left: 20px;
}

/**Tables inside content boxes **/
.contentBoxMain table {
border-spacing: 5px;
font: 10pt arial, verdana, sans-serif;
margin: auto;
width: 100%;
text-align: center;
}

.contentBoxMain table tr td {
background-color: #fbf6ce;
}

.contentBoxMain th {
background-color: #fbf6ce;
color: #930808; 
text-align:right; 
vertical-align:top;
text-transform: uppercase;
font: 10pt georgia, serif;
}

td {
background-color: #fff;
padding-left: 7px;
text-align:left;
vertical-align:top;
}

/*************************Content area of Tabs in Default.aspx - main page**************************/
/****these divs also use the class "contentboxMain" for its body****/
.contentBoxCenter {
border: 1px solid #d7ae56;
background-color: #fbf6ce;
margin-top: 2px;
margin-left: auto;
margin-right: auto;
font: 10pt arial, verdana, sans-serif;
width: 90%;
}

/************************Administration tab********************************/

/*********Error message in Administration tab*******/
#ErrorLabel {
text-align: left;
color: #fff;
}

.editcontentBoxCenter {
border: 1px solid #bbb;
background-color: #930808;
color: #fbf6ce;
font: 10pt georgia, serif;
margin-top: 2px;
padding: 5px;
width: 90%;
}

.editcontentBoxCenter a {
color: white;
}

.editcontentBoxCenter a:hover {
background-color: white;
color: #930808;
}

.editcontentBoxCenter fieldset{
border: 1px dotted #d7ae56;
background-color: #930808;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-bottom: 5px;
}
 
.editcontentBoxCenter fieldset label {
width: 35%;
text-align: left;
margin-right: 15px;
}

.editcontentBoxCenter select {
background-color: #fbf6ce;
border: 1px solid black;
}

.editcontentBoxCenter td {
background-color: #930808;
}

.editcontentBoxCenter fieldset legend {
background-color: #930808;
color: #fbf6ce;
font: 10pt georgia, serif;
text-transform: uppercase;
}

.editcontentBoxCenter table {
background-color: #930808;
}


/*********These boxes are for simple administrative modules*********/
/***Currently used for image-upload box***/
/**Used red to immediately bring attention to newly visible box in Edit Mode**/
.editContentBox {
border: 1px solid #bbb;
background-color: #930808;
color: #fbf6ce;
font: 10pt georgia, serif;
margin-top: 25px;
padding: 15px;
text-transform: uppercase;
}

.editContentBox fieldset {
border: 1px dotted #d7ae56;
text-align: center;
margin: auto;
}

.editContentBox fieldset legend {
background-color: #930808;
color: #fbf6ce;
font: 10pt georgia, serif;
text-transform: uppercase;
}

.editContentBox input {
background-color: #fbf6ce;
border: 1px solid black;
}

/********BioForm********/
.response {
font: 11pt courier,"Courier New", monospace, serif;
background-color:white;
border:1px solid #ccc;
overflow: hidden;
margin-bottom: 3px;
margin-top: 3px;
padding: 3%;
}

/********Clear tool for fixing floats********/
.clearAll {
clear: both;
}

.ErrorLabel {
font: 12pt Verdana;

color: red;

display: block;
text-align: center;
margin: 3px auto 2px auto;

}

/*******Footer text + Quote rotator********/
#footer {
background-color: #9c9c9c;
color: #fff;
font: 13px georgia, serif;
letter-spacing: 2px;
text-align: center;
text-transform: uppercase;
}

#footer span{
text-transform: none;
font: 8pt Verdana;

}

/**search page**/
.searchTable
{
    margin-left: 7px;
    font: 12pt Georgia, serif;
    color:Black;
}
/**help page**/
.help 
{   
    margin-left: 7px;
    text-indent: 20px;
    font: 10pt Arial;
    color: Black;
}
.help dl
{
    font: 10pt Arial;
    color: Black;
}